<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:javascript="http://www.thymeleaf.org"
      xmlns:fmt="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <!--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
    <script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 class="text-center">
                空气质量信息维护页面
            </h3>
            <form class="form-horizontal" role="form" th:id="formInfo">
                <span th:id="errInfo" style="color: red  " ></span>
                <input type="hidden" th:value="${id}"  id="needId" name="id">


                <div class="form-group">
                    <label for="district" class="col-sm-2 control-label">监测区域</label>
                    <div class="col-sm-10">
                        <select id="district" name="district">
                            <option th:each="dis:${districts}" th:text="${dis.name}" th:value="${dis.id}" ></option>

                        </select>


                    </div>
                </div>




                <div class="form-group">
                    <label for="monitortime" class="col-sm-2 control-label">监测日期</label>
                    <div class="col-sm-10">
                        <input type="input" class="form-control" name="monitortime" id="monitortime"
                               th:value="${#dates.format(airQualityIndex.getMonitortime(),'yyyy-MM-dd')}"  />
                    </div>
                </div>
                <div class="form-group">
                    <label for="pm10" class="col-sm-2 control-label">PM10值</label>
                    <div class="col-sm-10">
                        <textarea  class="form-control" name="pm10" id="pm10" th:text="${airQualityIndex.getPm10()}" ></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="pm25" class="col-sm-2 control-label">PM2.5值</label>
                    <div class="col-sm-10">
                        <input type="input" class="form-control" name="pm25" id="pm25" th:value="${airQualityIndex.pm25}"  >
                    </div>
                </div>
                <div class="form-group">
                    <label for="monitoringstaton" class="col-sm-2 control-label">监测站</label>
                    <div class="col-sm-10">
                        <input type="input" class="form-control" name="monitoringstaton" id="monitoringstaton" th:value="${airQualityIndex.monitoringstaton}"/>
                    </div>
                </div>

                <div class="form-group">
                    <label for="monitoringstaton" class="col-sm-2 control-label">最后修改时间</label>
                    <div class="col-sm-10">
                        <!--<span id="currentTime"></span>-->
                        <span th:text="${#dates.format(airQualityIndex.lastmodifytime,'yyyy-MM-dd')}" } ></span>

                    </div>
                </div>





                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-default" onclick="commitdata()">保存</button>
                        <button type="button" class="btn btn-default" onclick="deletedata()" >删除</button>
                        <button type="button" class="btn btn-default" onclick="history.back()">返回</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script>

    function commitdata() {
            var data=$("#formInfo").serialize();

            console.log(data)


            $.ajax({
                url:"/air/update",
                data:data,
                type:"post",
                datatype:"json",
                success(result){
                    if (result.code==0){

                        location.href="/air/list";
                    } else {

                        $("#errInfo").html(result.msg);
                    }
                },
                error(){
                    alert("数据回传失败 请联系管理员")
                }
            })
    }

    //删除操作
    function deletedata() {
        var  id =$("#needId").val();
        $.ajax({
            url:"/air/delete?id="+id,
            data:null,
            type:"get",
            datatype:"json",
            success(result){
                if (result.code==0){

                    location.href="/air/list";
                } else {

                    $("#errInfo").html(result.msg);
                }
            },
            error(){
                alert("数据回传失败 请联系管理员")
            }
        })

    }

    var time=new Date();
    $("#currentTime").html(time);



    // function checktitle(){
    //    var title= $("#title").val();
    //    //
    //    // if (title==""){
    //    //     $("#errInfo").html("书名不能为空")
    //    // }
    //    $.ajax({
    //        url:"/index/checkblank",
    //        data:{"title":title},
    //        type:"post",
    //        datatype:"json",
    //        success(result){
    //            if (result.code==0){
    //               return;
    //            } else {
    //
    //                $("#errInfo").html(result.msg)
    //
    //            }
    //        },
    //        err(){
    //            alert("数据回传失败 请联系管理员")
    //        }
    //
    //    })
    // }
    //
    // function checkcreated(){
    //     var created= $("#created").val();
    //     // if (created==""){
    //     //     $("#errInfo").html("上传时间不能为空")
    //     //     return;
    //     // }
    //
    //     $.ajax({
    //         url:"/index/checkblank",
    //         data:{"created":created},
    //         type:"post",
    //         datatype:"json",
    //         success(result){
    //             if (result.code==0){
    //                 return;
    //             } else {
    //
    //                 $("#errInfo").html(result.msg)
    //
    //             }
    //         },
    //         err(){
    //             alert("数据回传失败 请联系管理员")
    //         }
    //
    //     })
    // }
    //
    //
    //
    // function commitdata(result) {
    //     var title= $("#title").val();
    //     var summary= $("#summary").val();
    //     var uploaduser= $("#uploaduser").val();
    //     var created= $("#created").val();
    //
    //     $.ajax({
    //         url:"/index/checkblank",
    //         data:{
    //             "title":title,
    //             "summary":summary,
    //             "uploaduser":uploaduser,
    //             "created":created
    //         },
    //         type:"post",
    //         datatype:"json",
    //         success(result){
    //             if (result.code==0){
    //                 location.href="/index/list"
    //             } else {
    //
    //                 $("#errInfo").html(result.msg)
    //
    //             }
    //         },
    //         err(){
    //             alert("数据回传失败 请联系管理员")
    //         }
    //
    //     })
    //
    // }


</script>

</body>
</html>